<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="resources/css/bootstrap.min.css" >
<title>所有的书籍</title>
 <style type="text/css">
 *{margin:0px; padding:0px; border:0px; list-style:none; font-size:12px; font-family:微软雅黑;}   
 a{text-decoration:none;}
           .tt1{width:100%; height:40px;background-color:#000;}
		     .tt1-1{ width:1000px; height:40px; margin:0px auto;}
			   .tt1-1-1{ width:25px; height:40px; background:url(images/png/weibo_r1_c2.png) no-repeat; float:left; 
			   margin-right:16px;}
			   .tt1-1-2{ width:25px; height:40px; background:url(images/png/qqqr1_c4.png) no-repeat;float:left; }
			   .tt1-1-3{ width:25px; height:40px; background:url(images/png/weixin_r1_c6.png) no-repeat;float:left;
			   margin-left:16px;}
			   .tt1-1-4 { width:200px; height:30px; float:left; padding-left:16px;padding-top:10px; color:#808080;}  
			   .t1{ font-size:14px;} 
			.tt1-2{ width:110px; height:30px;float:right;padding-top:10px;color:#808080;}}
             .tt1-3{ width:231px; height:30px;float:right;}
			 .tt1-3-1{ width:188px; height:20px;float:right; background:url(images/png/shousuo_r2_c9.png) no-repeat;
			margin-top:10px; padding-left:10px; border:0px; }
			.tt1-3-2{ width:43px; height:20px;float:right; background:url(images/png/sous_r2_c11.png) no-repeat;
			margin-right:16px; margin-top:10px;}
			
	 .tt2{width:100%; height:88px;background-color:#191718;}
	     .tt2-1{ width:1050px; height:88px; margin:0px auto;}
		  .tt2-1-1{ width:86px; height:88px; background:url(images/png/luntan.png) no-repeat;float:left; background-position:0px 2px;}
		   .tt2-1-2{ width:950px; height:88px;float:left;} 
		  
		    .tt2-1-2 li{float:left;padding-left:61px;height:88px; line-height:88px;} 
			 .tt2-1-2 a{color:#FFF;font-size:18px; height:88px; line-height:88px}
			
			  a.one:link{ color:#FFF;}
			  a.one:visited{ color:#FFF;border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;}
              a.one:hover{color:#FDBD27; border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;} 
			  a.one:active{color:#FDBD27;}
			  
			  a.two:link{ color:#FFF;}
			  a.two:visited{ color:#FFF;border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;}
              a.two:hover{color:#FDBD27; border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;} 
			  a.two:active{color:#FDBD27;}
	           
			  a.three:link{ color:#FFF;}
			  a.three:visited{ color:#FFF;border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;}
              a.three:hover{color:#FDBD27; border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;} 
			  a.three:active{color:#FDBD27;}
			  
			  a.four:link{ color:#FFF;}
			  a.four:visited{ color:#FFF;border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;}
              a.four:hover{color:#FDBD27; border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;} 
			  a.four:active{color:#FDBD27;}
			  
			  a.five:link{ color:#FFF;}
			  a.five:visited{ color:#FFF;border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;}
              a.five:hover{color:#FDBD27; border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;} 
			  a.five:active{color:#FDBD27;}
			  
			  a.six:link{ color:#FFF;}
			  a.six:visited{ color:#FFF;border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;}
              a.six:hover{color:#FDBD27; border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;} 
			  a.six:active{color:#FDBD27;}
			  
			  a.seven:link{ color:#FFF;}
			  a.seven:visited{ color:#FFF;border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;}
              a.seven:hover{color:#FDBD27; border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;} 
			  a.seven:active{color:#FDBD27;border:3px solid #FDBD27;border-width:0px 0px 3px 0px; padding-bottom:31px;}
			  
			
	.tt3{ width:100%; height:450px; background:url(images/jpg/home%201234_r2_c1.jpg) no-repeat;}		 
table {border-top:1px solid #333333;border-left:1px solid #333333}
table td,table td{border-bottom:5px solid #333333;border-right:5px solid #333333; background:#333333}
             
.myclear{clear:both;}   

 .STYLE1 {font-size: 16px;}
 .STYLE2 {
	color: #FFFFFF;
	font-size: 18px;
}
 .STYLE3 {color: #FFFFFF; font-size: 14px; }
 
 </style>
 <style type="text/css"> .menu_h,.menu_v,.menu_h li,.menu_v li{ margin:0; padding:0; line-height:21px; font-size:12px; list-style-type:none; } .menu_h a,.menu_v a{ display:block; line-height:21px; padding:0 10px; } .menu_h li{ float:left; background-color:#eee; } .menu_v li{ float:none; } .sub_menu_off .menu_v{ display:none; } .sub_menu_on .menu_v{ display:block; } </style>
 
 

 
 
 
 <link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
 <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.web/js/1.4.2/respond.min.js"></script>
<![endif]-->
<link href='http://fonts.useso.com/css?family=Kreon:300,400,700' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>

<!--状态栏-->
<div class="tt1">
            <div class="tt1-1">
                      <div class="tt1-1-1"></div>
                      <div class="tt1-1-2"></div>
                      <div class="tt1-1-3"></div>
                     <div class="tt1-1-4"> <p>|&nbsp;&nbsp;&nbsp;&nbsp;<span class="t1">今天：</span>&nbsp;北京&nbsp;&nbsp; 晴&nbsp;&nbsp; 31℃~17℃</p></div>
                 <div class="tt1-2"><p>中文&nbsp;&nbsp; |&nbsp;&nbsp; EN &nbsp;&nbsp;|&nbsp;&nbsp; DE</p></div>
                 <div class="tt1-3"> 
                     <form>
                         
                          <input type="text" class="tt1-3-2"> 
                          <input type="text" class="tt1-3-1" id="text" border="0px">
						 
                    </form>
                 </div>
				 
           </div>
</div>
 
<!--导航内容-->
<div class="myclear"></div>
<div class="tt2 ">

  <div class="tt2-1">

              <div class="tt2-1-1"></div>
			
              <div > 
			  <ul class="tt2-1-2">
                    <li> <a href="zhuye.html" class="one">首页</a></li>
             
					
					
                        <li onMouseOver="this.className='sub_menu_on';" onMouseOut="this.className='sub_menu_off';" class="sub_menu_off"><a href="xiaozhenhuodong.html" class="two">主题活动</a>
				
					
					</li>
					
					
                     <li onMouseOver="this.className='sub_menu_on';" onMouseOut="this.className='sub_menu_off';" class="sub_menu_off"><a href="xiaozhendongtai.html" class="two">论坛动态</a>
					
					
				</li>
					
                        <li onMouseOver="this.className='sub_menu_on';" onMouseOut="this.className='sub_menu_off';" class="sub_menu_off"><a href="xiaozhenmanshiguang.html" class="two">关于论坛</a>
					   
					
					</li>
					
                       <li onMouseOver="this.className='sub_menu_on';" onMouseOut="this.className='sub_menu_off';" class="sub_menu_off"><a href="yuwomenlianxi.html" class="two">联系我们</a>
				
					
					</li>
					
               </ul>
    </div>
               <div class="tt2-1-3"></div>
  </div>
</div> 
<!--banner-->
<div style="margin-left:100px"><h1>${userName}，你好！</h1></div>
<div style="font-size:20px;margin-left:200px;margin-right:150px">Wallpaper Engine是一款能让你的桌面动起来的软件，支持各种类型的壁纸，包括3d,2d动画，网站，视频，甚至一些小游戏，你可以在steam创意工坊下载别人制作的壁纸，也可以自己动手做一个自己的壁纸！</div>
	<div style="margin-left:1050px"><a href="book/add" style="background:#f38080;color:#ffffff " class="btn btn-sm">添加</a></div>
	<table>
		<tbody>
			<core:forEach var="book" items="${books }">
					<tr><div style="margin-left:250px;margin-right:250px"><a href="book/${book.id}">${book.title }</a></div></tr>
					<tr><div style="margin-left:250px;margin-right:250px">${book.author }</div></tr>
					<tr><div style="margin-left:250px;margin-right:250px">${book.brief }</div></tr>
					<tr>
						<div style="margin-left:950px"><a href="book/delete?id=${book.id }" class="btn btn-primary btn-sm">删除</a>&nbsp;&nbsp;
						<a href="book/edit?id=${book.id }" class="btn btn-primary btn-sm">修改</a></div>
					</tr>
					<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#987cb9,direction:145,strength:15)" width="100%" color=#987cb9 SIZE=1>
			</core:forEach>
		</tbody>
	</table>
<center>
<div class="footer1_bg">
<!-- start footer1 -->
<div class="container">
<div class="row  footer">
			<div class="copy text-center">
				<p class="link">二夏 版权所有 &copy; 2016 All Rights Reserved.</p>
				<a href="#home" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
		  </div>
</div>
		
		


           

</body>
</html>